{include file="public/header"}
<!-- CONTENT -->
<div class="site-content">
    <div class="site-content-index">
        <div class="body-wrapper-1">
            <div class="container">
                <div class="row">
                    <div class="row">
                        <div class="content-body content-1 col-xs-12 col-sm-6 col-md-5">
                            <div class="content-body__wrapper">
                                <a href="{:Url('ArticleDetail/page_more')}?column={$xwzx.id}"
                                   class="content-body__more-btn">更多{$test}
                                    <span class="angle">
                                    <i class="fa fa-caret-right angle-1"></i>
                                    <i class="fa fa-caret-right angle-2"></i>
                            </span>
                                </a>
                                <h1 class="content-body__title">新闻资讯</h1>
                                <div class="news-t row__7y">
                                    {volist name="xwzx.list" id="value" offset="0" length="1"}
                                    <div class="col-xs-12 col-md-6">
                                        <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                           target="{$value.external_url}">
                                            <img src="{$value.attributes.imageurl}" class="img-responsive">
                                        </a>
                                    </div>
                                    <div class="col-xs-12 col-md-6 news-t__content">
                                        <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                           target="{$value.external_url}">
                                            <div class="news-t__title">{$value.attributes.title}</div>
                                        </a>
                                        <div class="news-t__date">{$value.attributes.created|date="Y-m-d",###}</div>
                                        <div class="news-t__des">{$value.attributes.body.summary|subtext=40}</div>
                                    </div>
                                    {/volist}
                                </div>
                                <div class="news-t row__7y">
                                    {volist name="xwzx.list" id="value" offset="1" length="2"}
                                    <div class="col-md-6 col-xs-12">
                                        <div class="news-t row__7y">
                                            <div class="col-md-6 col-xs-12">
                                                <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                                   target="{$value.external_url}">
                                                    <img src="{$value.attributes.imageurl}" class="news-t__pic__img">
                                                </a>
                                            </div>
                                            <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                               target="{$value.external_url}">
                                                <div class="col-xs-12 col-md-6 news-t__content">
                                                    {$value.attributes.title|subtext=20}
                                                </div>
                                            </a>

                                        </div>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                        <div class="content-body content-2 col-xs-12 col-sm-6 col-md-4">
                            <div class="content-body__wrapper">
                                <a href="{:Url('ArticleDetail/page_more')}?column={$yygg.id}"
                                   class="content-body__more-btn">更多
                                    <span class="angle">
                                    <i class="fa fa-caret-right angle-1"></i>
                                    <i class="fa fa-caret-right angle-2"></i>
                                </span>
                                </a>
                                <h1 class="content-body__title">医院公告</h1>
                                <div class="home-newslist">
                                    <ul>
                                        {volist name='yygg.list' id="value"}

                                        <li class="home-newslist__item">
                                            <span class="home-newslist__tag top" style="display: none">Top</span>
                                            <a class=""
                                               href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                               target="{$value.external_url}">{$value.attributes.title|subtext=40}</a>
                                            <span class="home-newslist__date">{$value.attributes.created|date="Y-m-d",###}</span>
                                            <div style="clear: both;"></div>
                                        </li>
                                        {/volist}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="content-body content-3 col-xs-12 col-sm-12 col-md-3">
                            <div class="content-body__wrapper">
                                <a href="{:Url('ArticleDetail/page_more')}?column={$mtbd.id}"
                                   class="content-body__more-btn">更多
                                    <span class="angle">
                                    <i class="fa fa-caret-right angle-1"></i>
                                    <i class="fa fa-caret-right angle-2"></i>
                                </span>
                                </a>
                                <h1 class="content-body__title">媒体报道</h1>
                                <div class="home-newslist">
                                    <ul>
                                        {volist name="mtbd.list" id="value"}
                                        <li class="home-newslist__item">
                                            <span class="home-newslist__tag top" style="display: none;">Top</span>
                                            <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                               target="{$value.external_url}">{$value.attributes.title|subtext=40}</a>
                                            <span class="home-newslist__date">{$value.attributes.created|date="Y-m-d",###}</span>
                                            <div style="clear: both;"></div>
                                        </li>
                                        {/volist}
                                    </ul>
                                </div>
                            </div>
                            <div class="content-body__wrapper wrapper-2">
                                <a href="{:Url('ArticleDetail/page_more')}?column={$yzjz.id}"
                                   class="content-body__more-btn">更多
                                    <span class="angle">
                                    <i class="fa fa-caret-right angle-1"></i>
                                    <i class="fa fa-caret-right angle-2"></i>
                                </span>
                                </a>
                                <h1 class="content-body__title">义诊与讲座</h1>
                                <div class="content-body__activity">
                                    <ul>
                                        {volist name="yzjz.list" id="value"}
                                        <!--<div class="arcticlist-right-body-sdetail__time pull-left">-->
                                        <!--<h1>{$value.attributes.created|date="d",###}</h1>-->
                                        <!--<h6>{$value.attributes.created|date="Y/m",###}</h6>-->
                                        <!--</div>-->
                                        <li class="info-card__list-item">
                                            <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                               target="{$value.external_url}" class="info-card__item-title"
                                               style="font-size: 14px">{$value.attributes.title}</a>
                                            <!--<span class="info-card__item-date">{$value.attributes.created|date="Y-m-d",###}</span>-->
                                        </li>
                                        {/volist}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="body-wrapper-2">
            <div class="content-body content-3 container">
                <div class="row">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="content-body__wrapper ">
                                <a href="{:Url('doctors/doctor_nav')}" class="content-body__more-btn">更多
                                    <span class="angle">
                            <i class="fa fa-caret-right angle-1"></i>
                            <i class="fa fa-caret-right angle-2"></i>
                        </span>
                                </a>
                                <h1 class="content-body__title">名医专栏</h1>
                                <div class="swiper-container swiper-container-horizontal hidden-xs" id="home-swiper-1">
                                    <div class="swiper-wrapper clearfix">
                                        {volist name="doctors" id="value"}
                                        {if $i%2!=0}<div class="swiper-slide">{/if}
                                        <div class="doc-item">
                                            <div class="doc-item__pic">
                                                <a href="{:Url('department/department_doctor_detail')}?id={$value.id}"><img
                                                        src="{$value.attributes.imageurl}"
                                                ></a>
                                            </div>
                                            <div class="doc-item__info">
                                                <div class="doc-item__title">
                                                    <a href="{:Url('department/department_doctor_detail')}?id={$value.id}">
                                                        <span class="doc-item__name">{$value.attributes.name}</span></a>
                                                </div>
                                                <div class="doc-item__position">{notempty name="value.attributes.job_position"}{$value.attributes.job_position}、{/notempty}{$value.attributes.job_title}
                                                </div>
                                            </div>
                                        </div>
                                        {if $i%2==0}</div>
                                        {elseif $i==count($doctors)/}</div>
                                        {/if}
                                        {/volist}
                                    </div>
                                </div>
                                <div class="swiper-container swiper-container-horizontal visible-xs" id="home-swiper-2">
                                    <div class="swiper-wrapper clearfix">
                                        {volist name="doctors" id="value"}
                                        {if $i%2!=0}<div class="swiper-slide">{/if}
                                        <div class="doc-item">
                                            <div class="doc-item__pic">
                                                <a href="{:Url('department/department_doctor_detail')}?id={$value.id}"><img
                                                        src="{$value.attributes.imageurl}"
                                                ></a>
                                            </div>
                                            <div class="doc-item__info">
                                                <div class="doc-item__title">
                                                    <a href="{:Url('department/department_doctor_detail')}?id={$value.id}">
                                                        <span class="doc-item__name">{$value.attributes.name}</span></a>
                                                </div>
                                                <div class="doc-item__position">{notempty name="value.attributes.job_position"}{$value.attributes.job_position}、{/notempty}{$value.attributes.job_title}
                                                </div>
                                            </div>
                                        </div>
                                        {if $i%2==0}</div>{/if}
                                        {/volist}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="body-wrapper-3">
            <div class="content-body">
                <div class="container">
                    <div class="content-body__wrapper row">
                        <h1 class="content-body__title">科室导航</h1>
                        <div class="home-depart row">

                            <!-- 左侧banner -->
                            <div class=" col-xs-12 col-md-4 col-sm-6 clearfix" id="home-depart__banner">
                                {volist name="department1.list" id="value"}
                                <a href="{:Url('Department/department')}?cid={$value.id}">
                                    <div cid="{$value.id}" class="home-depart__bg"
                                         style="background: url({$value.img}) center no-repeat; background-size: auto 100%;" pid="1">
                                        <div class="home-depart__des">
                                            <h1>{$value.name}</h1>
                                            <p>{$value.brief|subtext=50}</p>
                                        </div>
                                    </div>
                                </a>
                                {/volist}
                                {volist name="department2.list" id="value"}
                                <a href="{:Url('Department/department')}?cid={$value.id}">
                                    <div cid="{$value.id}" class="home-depart__bg"
                                         style="background: url({$value.img}) center no-repeat; background-size: auto 100%;" pid="2">
                                        <div class="home-depart__des">
                                            <h1>{$value.name}</h1>
                                            <p>{$value.brief|subtext=50}</p>
                                        </div>
                                    </div>
                                </a>
                                {/volist}
                                {volist name="department3.list" id="value"}
                                <a href="{:Url('Department/department')}?cid={$value.id}">
                                    <div cid="{$value.id}" class="home-depart__bg"
                                         style="background: url({$value.img}) center no-repeat; background-size: auto 100%;" pid="3">
                                        <div class="home-depart__des">
                                            <h1>{$value.name}</h1>
                                            <p>{$value.brief|subtext=50}</p>
                                        </div>
                                    </div>
                                </a>
                                {/volist}
                                {volist name="department4.list" id="value"}
                                <a href="{:Url('Department/department')}?cid={$value.id}">
                                    <div cid="{$value.id}" class="home-depart__bg"
                                         style="background: url({$value.img}) center no-repeat; background-size: auto 100%;" pid="4">
                                        <div class="home-depart__des">
                                            <h1>{$value.name}</h1>
                                            <p>{$value.brief|subtext=50}
                                        </div>
                                    </div>
                                </a>
                                {/volist}
                            </div>
                            <!-- 左侧banner over -->

                            <div class=" col-md-8 col-sm-6 col-xs-12 " id="home-depart__card">

                                <!-- 选项卡tab -->
                                <div class="home-depart__tablist clearfix">
                                    <div class="row">
                                        <div class="department__tab__row">
                                            <div class="col-md-3 col-xs-3 xs-p">
                                                <div class="department__tab red" cid="1">诊疗中心</div>
                                            </div>
                                            <div class="col-md-3 col-xs-3 xs-p">
                                                <div class="department__tab green" cid="2">非手术科室</div>
                                            </div>
                                            <div class="col-md-3 col-xs-3 xs-p">
                                                <div class="department__tab yellow" cid="3">手术科室</div>
                                            </div>
                                            <div class="col-md-3 col-xs-3 xs-p">
                                                <div class="department__tab orange" cid="4">平台科室</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 选项卡tab over -->

                                <!-- 选项卡（其中的标签控制左侧banner图片显示） -->
                                <div class="home-depart__list clearfix " style="display: none;" cid="1">

                                    {volist name="department1.list" id="value"}
                                    <div class="home-depart__item-wrapper">
                                        <a href="{:Url('Department/department')}?cid={$value.id}">
                                            <div class="department__list-item" cid="{$value.id}" pid="1">
                                                <div class="angle">
                                                    <i class="fa fa-angle-left"></i>
                                                </div>
                                                <div class="text">{$value.name}</div>
                                            </div>
                                        </a>
                                    </div>
                                    {/volist}
                                </div>
                                <div class="home-depart__list clearfix" style="display: none;" cid="2">
                                    {volist name="department2.list" id="value"}
                                    <div class="home-depart__item-wrapper">
                                        <a href="{:Url('Department/department')}?cid={$value.id}">
                                            <div class="department__list-item" cid="{$value.id}" pid="2">
                                                <div class="angle">
                                                    <i class="fa fa-angle-left"></i>
                                                </div>
                                                <div class="text">{$value.name}</div>
                                            </div>
                                        </a>
                                    </div>
                                    {/volist}
                                </div>
                                <div class="home-depart__list clearfix " style="display: none;" cid="3">
                                    {volist name="department3.list" id="value"}
                                    <div class="home-depart__item-wrapper">
                                        <a href="{:Url('Department/department')}?cid={$value.id}">
                                            <div class="department__list-item" cid="{$value.id}" pid="3">
                                                <div class="angle">
                                                    <i class="fa fa-angle-left"></i>
                                                </div>
                                                <div class="text">{$value.name}</div>
                                            </div>
                                        </a>
                                    </div>
                                    {/volist}
                                </div>
                                <div class="home-depart__list clearfix " style="display: none;" cid="4">
                                    {volist name="department4.list" id="value"}
                                    <div class="home-depart__item-wrapper">
                                        <a href="{:Url('Department/department')}?cid={$value.id}">
                                            <div class="department__list-item" cid="{$value.id}" pid="4">
                                                <div class="angle">
                                                    <i class="fa fa-angle-left"></i>
                                                </div>
                                                <div class="text">{$value.name}</div>
                                            </div>
                                        </a>
                                    </div>
                                    {/volist}
                                </div>
                                <!-- 选项卡 over -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="three-center">
                    <div class="container">
                        <div class="row">
                            <div class="row">
                                {volist name="department1.list" id="value"}
                                <div class="col-md-4 col-sm-4 col-xs-12 three-center__img">
                                    <a href="{:Url('department/department')}?cid={$value.id}"
                                       class="three-center__grid">
                                        <div class="three-center__bg"
                                             style="background: url('{$value.img}') center no-repeat; background-size: 100% auto;">
                                            <h1>{$value.name}</h1>
                                        </div>
                                    </a>
                                </div>
                                {/volist}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="body-wrapper-4">
            <div class="content-body container">
                <div class="row">
                    <div class="col-md-8">
                        <div class="row content-body__wrapper">
                            <h1 class="content-body__title">健康教育</h1>
                            <a href="{:Url('ArticleDetail/page_more')}?column={$jkjy.id}"
                               class="content-body__more-btn">更多
                                <span class="angle">
                                    <i class="fa fa-caret-right angle-1"></i>
                                    <i class="fa fa-caret-right angle-2"></i>
                                </span>
                            </a>
                            <div class="hidden-xs">
                                <div class="swiper-container swiper-container-horizontal" id="home-swiper-3">
                                    <div class="swiper-wrapper">
                                        {volist name="jkjy.list" id="value"}
                                        <div class="swiper-slide">
                                            <div class="health-edu clearfix">
                                                <div class="pic">
                                                    <img src="{$value.attributes.imageurl}">
                                                </div>
                                                <div class="info">
                                                    <p class="date">{$value.attributes.created|date="Y.m.d",###}</p>
                                                    <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                                       target="{$value.external_url}"><h5>
                                                        {$value.attributes.title|subtext=12}</h5></a>
                                                </div>
                                            </div>
                                        </div>
                                        {/volist}
                                    </div>
                                </div>
                                <div class="swiper-button-prev" id="home-swiper-3-button-prev">
                                    <i class="fa fa-angle-left"></i>
                                </div>
                                <div class="swiper-button-next" id="home-swiper-3-button-next">
                                    <i class="fa fa-angle-right"></i>
                                </div>
                            </div>
                            <div class="visible-xs">
                                <div class="swiper-container swiper-container-horizontal" id="home-swiper-5">
                                    <div class="swiper-wrapper">
                                        {volist name="jkjy.list" id="value"}
                                        <div class="swiper-slide">
                                            <div class="health-edu clearfix">
                                                <div class="pic">
                                                    <img src="{$value.attributes.imageurl}">
                                                </div>
                                                <div class="info">
                                                    <p class="date">{$value.attributes.created|date="Y.m.d",###}</p>
                                                    <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}"
                                                       target="{$value.external_url}"><h5>
                                                        {$value.attributes.title|subtext=12}</h5></a>
                                                </div>
                                            </div>
                                        </div>
                                        {/volist}
                                    </div>
                                </div>
                                <div class="swiper-button-prev" id="home-swiper-5-button-prev">
                                    <i class="fa fa-angle-left"></i>
                                </div>
                                <div class="swiper-button-next" id="home-swiper-5-button-next">
                                    <i class="fa fa-angle-right"></i>
                                </div>
                            </div>
                        </div>
                        <div class="row content-body__wrapper">
                            <h1 class="content-body__title">大事记</h1>
                            <div class="hidden-xs">
                                <div class="big-event swiper-container" id="home-swiper-4">
                                    <div class="big-event__circle swiper-wrapper">
                                        {volist name="dsj.list" id="value"}
                                        <div class="big-event__circle-content swiper-slide pull-left big-event__circle-content__{$i}">
                                            <script type="text/javascript">circle_class({$i});</script>
                                            <div class="mid-line"></div>
                                            <?php
                                        $place = $i%2==0?'top':'bottom';
                                        ?>
                                            <a href="{:Url('article_detail/page_detail')}?id={$value.id}"
                                               target="{$value.external_url}">
                                                <h5 class="big-event__circle-content__title big-event__circle-content__title__{$place}">
                                                    {$value.attributes.title}</h5>
                                            </a>
                                            <span class="big-event__circle-content__msg big-event__circle-content__msg__{$place}">
                                            <a href="{:Url('article_detail/page_detail')}?id={$value.id}"
                                               target="{$value.external_url}">
                                            {$value.attributes.body.summary|subtext=31}
                                            </a>
                                        </span>
                                        </div>
                                        {/volist}
                                    </div>
                                </div>
                                <div class="swiper-button-prev" id="home-swiper-4-button-prev"><i
                                        class="fa fa-angle-left"></i>
                                </div>
                                <div class="swiper-button-next" id="home-swiper-4-button-next"><i
                                        class="fa fa-angle-right"></i>
                                </div>
                            </div>
                            <div class="visible-xs">
                                <div class="big-event swiper-container" id="home-swiper-6">
                                    <div class="big-event__circle swiper-wrapper">
                                        {volist name="dsj.list" id="value"}
                                        <div class="big-event__circle-content swiper-slide pull-left big-event__circle-content__{$i}">
                                            <script type="text/javascript">circle_class({$i});</script>
                                            <div class="mid-line"></div>
                                            <?php
                                        $place = $i%2==0?'top':'bottom';
                                        ?>
                                            <a href="{:Url('article_detail/page_detail')}?id={$value.id}"
                                               target="{$value.external_url}">
                                                <h5 class="big-event__circle-content__title big-event__circle-content__title__{$place}">
                                                    {$value.attributes.title}</h5></a>
                                            <span class="big-event__circle-content__msg big-event__circle-content__msg__{$place}">
                                            <a href="{:Url('article_detail/page_detail')}?id={$value.id}"
                                               target="{$value.external_url}">
                                            {$value.attributes.body.summary|subtext=31}
                                            </a>
                                        </span>
                                        </div>
                                        {/volist}
                                    </div>
                                </div>
                                <div class="swiper-button-prev" id="home-swiper-6-button-prev"><i
                                        class="fa fa-angle-left"></i>
                                </div>
                                <div class="swiper-button-next" id="home-swiper-6-button-next"><i
                                        class="fa fa-angle-right"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-12">
                        <div class="video-room">
                            <div class="content-body__wrapper">
                                <h1 class="content-body__title">精彩视频</h1>
                                <a href="{:Url('ArticleDetail/page_more')}?column={$jcsp.id}"
                                   target="{$value.external_url}"
                                   class="content-body__more-btn">更多
                                    <span class="angle">
                                        <i class="fa fa-caret-right angle-1"></i>
                                        <i class="fa fa-caret-right angle-2"></i>
                                    </span>
                                </a>
                                <div class="video-room__wrapper clearfix">
                                    {volist name="jcsp.list" id="value"}
                                    <a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}">
                                        <div class="video-room__item">
                                            <div class="item-bg"
                                                 style="background: url('{$value.attributes.imageurl}') center no-repeat; background-size: 100% auto;"></div>
                                            <div class="name">{$value.attributes.title}</div>
                                        </div>
                                    </a>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- CONTENT OVER -->

<!-- FOOTER BANNER -->
<div class="foot-banner">
    <div class="container">
        <div class="carousel-foot">
            <!--<div class="swiper-container swiper-container-horizontal" id="home-swiper-3">-->
            <!--&lt;!&ndash;<div class="swiper-wrapper">&ndash;&gt;-->
            <!--&lt;!&ndash;{volist name="data8.list" id="value"}&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="swiper-slide">&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="foot-banner__item clearfix">&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="foot-banner__pic">&ndash;&gt;-->
            <!--&lt;!&ndash;<a href="{:Url('ArticleDetail/page_detail')}?id={$value.id}" target="{$value.external_url}"> <img&ndash;&gt;-->
            <!--&lt;!&ndash;src="{$value.attributes.imageurl}"></a>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;{/volist}&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--</div>-->
            <!--<div class="swiper-button-prev" id="home-swiper-3-button-prev">-->
            <!--<i class="fa fa-angle-left"></i>-->
            <!--</div>-->
            <!--<div class="swiper-button-next" id="home-swiper-3-button-next">-->
            <!--<i class="fa fa-angle-right"></i>-->
            <!--</div>-->
            <span>友情链接：</span>
            <ul>
                <li><a href="http://www.sysu.edu.cn">中山大学</a></li>
                <li><a href="http://zssom.sysu.edu.cn">中山大学中山医学院</a></li>
                <li><a href="http://www.szhfpc.gov.cn">深圳市卫计委</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- FOOTER BANNER OVER -->
{include file="public/footer"}
